import React from 'react'
import './index.scss';

/**
 * app登陆组件
 * @param {*} props 传入相关参数资源
 * @returns 
 */
export  function GLogin(props ) {
    
        const { image } = props;
        return(
             <div className={'g-login'}>
                 <ul className={'g-login-ul'}>
                     <li>
                         <img src={image.i_login} alt='' />
                     </li>
                     <li>
                         <img src={image.i_user} alt='' />
                         <input type={'text'} placeholder={'手机号/邮箱'} value={''}/>
                     </li>
                     <li>
                        <img src={image.i_pass} alt='' />
                         <input type={'password'} />
                     </li>
                     <li>
                        <img onClick={() => {}} src={image.i_weixin} alt='' />
                        <img onClick={() => {}} src={image.i_qq} alt='' />
                        <span onClick={() => {}}>登录</span> 
                        <span onClick={() => {}}>注册</span>
                     </li>
                 </ul>
            </div>
        ) 
}
/**
 * app注册组件
 * @param {*} props 传入相关参数
 * @returns 
 */
export function GEnrolment(props) {
    
        const { image } = props;
        return(
             <div className={'g-enrolment'}>
                 <ul className={'g-enrolment-ul'}>
                     <li>
                         <img src={image.i_enrolment} alt='' />
                     </li>
                     <li>
                         <img src={image.i_user} alt='' />
                         <input type={'text'} placeholder={'手机号 / 邮箱'} value={''}/>
                     </li>
                     <li>
                        <img src={image.i_pass} alt='' />
                         <input type={'password'} />
                     </li>
                     <li>
                        
                        <span onClick={() => {}}>确认</span>
                     </li>
                 </ul>
            </div>
        )
       
    
}